;(function ($) {
  $.noty.layouts.centerRight = {
    name: 'centerRight',
    options: {
      // overrides options
    },
    container: {
      object: '<ul id="noty_centerRight_layout_container" />',
      selector: 'ul#noty_centerRight_layout_container',
      style: function () {
        $(this).css({
          right: 20,
          position: 'fixed',
          width: '310px',
          height: 'auto',
          margin: 0,
          padding: 0,
          listStyleType: 'none',
          zIndex: 9,
        })

        // getting hidden height
        var dupe = $(this)
          .clone()
          .css({
            visibility: 'hidden',
            display: 'block',
            position: 'absolute',
            top: 0,
            left: 0,
          })
          .attr('id', 'dupe')
        $('body').append(dupe)
        dupe.find('.i-am-closing-now').remove()
        dupe.find('li').css('display', 'block')
        var actual_height = dupe.height()
        dupe.remove()

        if ($(this).hasClass('i-am-new')) {
          $(this).css({
            top: ($(window).height() - actual_height) / 2 + 'px',
          })
        } else {
          $(this).animate(
            {
              top: ($(window).height() - actual_height) / 2 + 'px',
            },
            500
          )
        }

        if (window.innerWidth < 600) {
          $(this).css({
            right: 5,
          })
        }
      },
    },
    parent: {
      object: '<li />',
      selector: 'li',
      css: {},
    },
    css: {
      display: 'none',
      width: '310px',
    },
    addClass: '',
  }
})(jQuery)
